<template>
  <nav>
    <div v-if="routerArr.indexOf(nowRoute) !== -1"></div>
    <div class="foot" v-else>
      <div>
        <router-link to="/home">
          <div class="iconfont icon-dianying"></div>
          电影/影院
        </router-link>
      </div>
      <div>
        <router-link to="/video">
          <div class="iconfont icon-shipin"></div>
          视频
        </router-link>
      </div>
      <div>
        <router-link to="/shortvideo">
          <div class="iconfont icon-shipin1"></div>
          小视频
        </router-link>
      </div>
      <div>
        <router-link to="/show">
          <div class="iconfont icon-dianying"></div>
          演出
        </router-link>
      </div>
      <div>
        <router-link to="/me">
          <div class="iconfont icon-wode"></div>
          我的
        </router-link>
      </div>
    </div>
  </nav>
</template>




<script>
export default {
  name: "MyFooter",
  data() {
    return {
      routerArr: ["item", "login", "city"],
      nowRoute: "",
    };
  },
  watch: {
    $route() {
      this.nowRoute = this.$route.name;
    },
  },
};
</script>

<style lang='less' scoped>
.foot {
  width: 100%;
  height: 1.28rem;
  border-top: 1px solid #ccc;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: fixed;
  bottom: 0px;
  z-index: 999;
  background: #fff;
}

.foot div {
  text-align: center;
}
.foot .iconfont {
  font-size: 0.666667rem;
}
a {
  color: #696969;
}
</style>

